<template>
    <!-- 注册 -->
    <div>
        <div class="register">
            <div class="container">
                <div class="register-main">
                    <div class="register-content">
                        <div class="register-hd">注册</div>
                        <div class="register-bd">
                            <div class="form-section">
                                <i class="input-must">*</i>
                                <label class="input-label" for="">手机号:</label>
                                <input class="input-text" type="text" placeholder="请输入您的手机号">
                            </div>
                            <div class="form-section form-identify clear">
                                <i class="input-must">*</i>
                                <label class="input-label" for="">验证码:</label>
                                <input class="input-text" type="text" placeholder="请输入数字验证码">
                                <img src="../assets/images/temp/code2.jpg" class="identify-img" alt="">
                            </div>
                            <div class="form-section form-identify clear">
                                <i class="input-must">*</i>
                                <label class="input-label" for="">短信验证码:</label>
                                <input class="input-text" type="text" placeholder="请输入短信验证码">
                                <button class="input-identify-btn">获取短信验证码</button>
                                <!-- <button class="input-identify-btn" disabled="disabled">重新获取(58)秒</button> -->
                            </div>
                            <div class="form-section">
                                <i class="input-must">*</i>
                                <label class="input-label" for="">密码:</label>
                                <input class="input-text" type="text" placeholder="请输入密码">
                            </div>
                            <div class="form-section">
                                <i class="input-must">*</i>
                                <label class="input-label" for="">确认密码:</label>
                                <input class="input-text" type="text" placeholder="请再次输入密码">
                            </div>
                            <div class="form-section">
                                <i class="input-must">*</i>
                                <label class="input-label" for="">推荐人ID:</label>
                                <input class="input-text" type="text" placeholder="请输入推荐人ID">
                                <span class="input-init">张三</span>
                            </div>
                            <div class="btn-group">
                                <router-link :to="{path:'/Login'}" class="input-btn">创建新账号</router-link>
                            </div>
                        </div>
                        <div class="register-ft">
                            已经拥有账号？
                             <router-link :to="{path:'/Login'}" class="init">点此登录</router-link>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import $ from 'jquery'
export default {
    data() {
        return {
        }
    },

    // 过滤器
    filters: {

    },
    // 计算属性
    computed: {

    },
    // 方法
    methods: {

    },
    mounted() {

    }
}
</script>

<style >
/* register */

.register-main {
    padding: 40px 20px;
    margin: 22px 0 23px;
    border: 1px solid #ececec;
    border-radius: 5px;
    background: #fff;
}

.register-content {
    width: 354px;
    margin: auto;
}

.register-content .register-hd {
    text-align: center;
    color: #3795e5;
    font-size: 16px;
    font-weight: bold;
    padding: 0 25px;
}

.register-bd {}

.register-bd .btn-group {
    margin-top: 25px;
}

.register-ft {
    text-align: center;
    color: #859ab7;
    font-size: 12px;
}
</style>